import { createApp } from 'vue'
import { createPinia } from 'pinia'
import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'

import App from './App.vue'
import router from './router'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

import { Form, Field, Button, NavBar, CellGroup, Cell, List, Tag, Pagination, Dialog,
    Popup, Picker, Search, Tabs, Tab, DropdownMenu, DropdownItem, Icon,
    Swipe, SwipeItem, Grid, GridItem, Tabbar, TabbarItem ,Image as VanImage,RadioGroup,
  Radio, Stepper,Area ,Switch,Cascader,Empty,Checkbox,Loading,Uploader} from 'vant'


import 'vant/lib/index.css';


const app = createApp(App)
const pinia = createPinia()
pinia.use(piniaPluginPersistedstate)

app.use(pinia)
app.use(router)
app.use(ElementPlus)

app.use(Form)
  .use(Field)
  .use(Button)
  .use(NavBar)
  .use(Cell)
  .use(CellGroup)
  .use(List)
  .use(Tag)
  .use(Pagination)
  .use(Dialog)
  .use(Popup)
  .use(Picker)
  .use(Search)
  .use(Tabs)
  .use(Tab)
  .use(DropdownMenu)
  .use(DropdownItem)
  .use(Icon)
  .use(Swipe)
  .use(SwipeItem)
  .use(Grid)
  .use(GridItem)
  .use(Tabbar)
  .use(TabbarItem)
  .use(VanImage)
  .use(RadioGroup)
  .use(Radio)
  .use(Stepper)
  .use(Area)
  .use(Switch)
  .use(Cascader)
  .use(Empty)
  .use(Checkbox)
  .use(Loading)
    .use(Uploader)


app.mount('#app')
